<template>
    <div class="header">
      <router-link to="/">
        <div class="iconfont iconfanhui return_icon"></div>
      </router-link>
      <div class="title">选择城市</div>
    </div>
  </template>
  
  <script>
  export default {
    name: "CityHeader"
  }
  </script>
  
  <style scoped>
  .header{
    position: relative;
    display: flex;
    width: 100%;
    line-height:0.86rem;
    background: #00bcd4;
    color:#ffffff;
  
    text-align: center;
  }
  
  .header .title{
    position: absolute;
    top:0;
    left:50%;
    transform: translateX(-50%);
  
    font-size: 0.4rem;
  }
  
  .header .return_icon{
    width: .64rem;
    text-align: center;
    font-size: 0.5rem;
  }
  </style>